在Vue裡有個很大的特色可能就是資料的雙向綁定(Two-wayBinding),而資料綁定的話我們最常適用的屬性就是v-model
。v-model
常用於表單和元素來做雙向數據綁定,結合其他樣板指令 v-bind
跟 v-on
一樣,除了初始綁定與呈現資料外,還會監聽事件來做資料更新。
我們先在v-model
裡綁定message,並用p
把message呈現出來,因為依v-model
屬性的功能我改變message改變的話p
裡的內容也會被改變。
原先呈現的結果。
修改內容後內容當然也會改變。
lazy
修飾符,通常在訊息被改變時不會馬上更動,而是在離開輸入攔時才會改動內容。
number
的話就是將輸入的內容轉化成數字,就這麼簡單明瞭。
trim
的話,應該會蠻常使用的,它的功能就是過濾到空白元素,有時候會有人按一堆空白,這就可以吧空白的地方過濾掉喔。
今天就先到這了,明天見~